<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
 <script src="http://maps.google.com/maps/api/js?sensor=true" ></script>
<script type="text/javascript">
   function initialize() {
	   var latlng = new google.maps.LatLng(14.66666, -17.398614);
	    var myOptions = {
	      zoom: 4,
	      center: latlng,
	      mapTypeId: google.maps.MapTypeId.ROADMAP
	    };
	    icone = new google.maps.MarkerImage('../elements/greencirclemarker.png');
	    map = new google.maps.Map(document.getElementById("map_canvas"),
	        myOptions);
  
 
	    google.maps.event.addListener(map, "click", function(event) {
  alert(event.latLng);
});
  var hControl = new GHierarchicalMapTypeControl();
  hControl.addRelationship(G_SATELLITE_MAP, G_HYBRID_MAP, "Labels", false);
  map.addControl(hControl);
 
  // Add ContextMenuControl to the map
  map.addControl(new ContextMenuControl());
      
	 
    }

</script>
</head>
<body onload="initialize()">
  <div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>